---
layout: default
title: PointSymbolizer gallery
nav_order: 6
custom_css: assets/mark-gallery.css
---

<div class="row">
  <div class="col-md-12">
    <h1>PointSymbolizer gallery</h1>
    <p><a href="assets/mark-gallery.js">View code</a></p>
  </div>
</div>
<div class="row">
  <p>
    This page displays all supported PointSymbolizer marks by wellknownname. The
    'crystal' symbol at the bottom is a custom symbol. See source code for how to add your own
    custom symbols.
  </p>
  <div class="row toggle-outline">
    <input id="chk-show-outline" type="checkbox" />
    <label for="chk-show-outline">Show outline</label>
  </div>
  <div class="col-md-6">
    <h3>SLD standard symbols</h3>
    <div class="mark-gallery" id="mark-gallery-sld"></div>
  </div>
  <div class="col-md-6">
    <h3>QGIS symbols</h3>
    <div class="mark-gallery" id="mark-gallery-qgis"></div>
  </div>
  <div class="col-md-6">
    <h3>GeoServer symbols</h3>
    <div
      class="mark-gallery multiline-titles"
      id="mark-gallery-geoserver"
    ></div>
  </div>
  <div class="col-md-6">
    <h3>Other symbols</h3>
    <div class="mark-gallery" id="mark-gallery-other"></div>
  </div>
</div>
<script src="assets/mark-gallery.js"></script>
